﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title</title>
     <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/themes/start/jquery-ui-1.8.20.custom.css")" rel="stylesheet" type="text/css" />
   
    <script src="@Url.Content("~/Scripts/jquery-1.7.2.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery-ui-1.8.20.custom.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>

    <script src="@Url.Content("~/Content/jquery.metro.js")" type="text/javascript"></script>
    <link href="@Url.Content("~/Content/jquery.metro.css")" rel="stylesheet" type="text/css" />


    <script src="../../Content/Date%20picker/mousewheel.js" type="text/javascript"></script>
    <link href="../../Content/Date%20picker/datebox.min.css" rel="stylesheet" type="text/css" />
    <script src="../../Content/Date%20picker/datebox.min.js" type="text/javascript"></script>


    <script src="../../Scripts/jquery.mobile-1.0b1.js" type="text/javascript"></script>
    <link href="../../Content/mobile.css" rel="stylesheet" type="text/css" />
 @*   <script src="@Url.Content("~/Scripts/jquery.jstree.js")" type="text/javascript"></script> 
<script src="@Url.Content("~/Scripts/index.js")" type="text/javascript"></script>
  *@ @* <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
*@
    <!--[if gte IE 9]>
  <style type="text/css">
    .gradient {
       filter: none;
    }
  </style>
<![endif]-->
    <style type="text/css">
        #stylized button
        {
            clear: both;
            margin-left: 150px;
            width: 125px;
            height: 31px;
            text-align: center;
            line-height: 31px;
            font-size: 11px;
            font-weight: bold;
        }
        .wrapper
        {
            max-width: 1200px;
            display: block;
            margin: 0 auto;
            padding: 0 10px;
        }
        
        .hidden
        {
            display: none;
        }
        
        .left
        {
            float: left;
        }
        .right
        {
            float: right;
        }
        
        
        
        /* Header */
        header
        {
            overflow: hidden;
            position: relative;
            top: -145px;
            margin-left: 20px;
        }
        nav
        {
            float: right; /* So we can override with media queries */
            margin-right: 10px;
        }
        nav ul
        {
            list-style: none;
        }
        
        nav li
        {
            opacity: 1;
            float: left;
            font-size: 18px;
            font-weight: 600;
            margin: 0px 20px;
            margin-top: 40px;
            letter-spacing: 1px;
            text-align: center;
            cursor: pointer;
            margin-right: 2px;
            display: none;
            border-bottom: 5px solid transparent;
        }
        nav li:hover
        {
            border-bottom-color: Orange;
        }
        nav li a
        {
            text-decoration: none;
        }
        
        header h1
        {
        }
        
        
        
        /* Sections */
        section
        {
            margin: 0px;
            padding: 0px;
            margin-top: 1%;
            overflow: hidden;
            margin-left: 20px;
        }
        
        section h2
        {
            font-size: 1.25em;
            font-weight: bold;
        }
        
        /* Footer */
        footer
        {
            position: fixed;
            bottom: 0;
            width: 100%; /* Height of the footer */
            background-color: #000;
            text-align: center;
            margin: 0px auto 0 auto;
        }
        footer a
        {
            text-decoration: none;
            font-size: 13px;
        }
        div#right-sidebar
        {
            position: relative;
            float: right;
            width: 10%;
            margin-right: 5px;
            padding: 0px;
            height: 100%;
            min-height: 323px; /*border:thin red solid;*/
        }
        div#right-sidebar h1
        {
            margin-right: 10px;
            margin-bottom: 0px;
        }
        .list-wrap
        {
            width: 85%;
            float: left;
            position: relative;
        }
        .bottom-banner
        {
            text-align: right;
            border-bottom: dotted 1px #777;
            margin-bottom: 10px;
            font-size: 10pt;
        }
        .bottom-banner .theme-box, .bottom-banner .accent-box
        {
            display: inline-block;
            width: 15px;
            height: 15px;
            margin: 3px;
            border: solid 1px #777;
            cursor: pointer;
            vertical-align: middle;
        }
        .top-banner .accent-box
        {
            background: #F09720;
        }
    </style>
    <script type="text/javascript">
        $(function () {
            /* Loading Animations */
            $('header').animate({ 'top': 0 }, 500, function () {
                $('nav li').each(function (index) {
                    $(this).slideDown(300 * (index + 1));
                });

                $('section, footer').fadeIn(750).removeClass('hidden');
                //ApplyAnimation();
            });

            $('a:link').click(function () {
                $('header').animate({ 'top': '-185px' }, 300);
                $('section, footer').fadeOut(300);
            });
        });
    </script>
    <script type="text/javascript">
        $(document).ready(function () {
            debugger;
            $(document.body).attr("accent", 'green');
            $(document.body).attr("theme", 'dark');
            $(document.body).attr("accent-bg", 'green');
        });
        $(function () {

            $("div.metro-pivot").metroPivot();

            $("span.theme-box").click(theme_Changed);

            $("span.accent-box").click(accent_Changed);

            $(document.body).attr("accent", $.cookie("jquery.metro.accent"));
            $(document.body).attr("theme", $.cookie("jquery.metro.theme"));
            $(document.body).attr("accent-bg", $.cookie("jquery.metro.accent"));
        });



        function accent_Changed() {

            var accent = $(this).attr("accent");

            $(document.body).attr("accent", accent);
            $.cookie("jquery.metro.accent", accent);


        }

        function theme_Changed() {

            var theme = $(this).attr("theme");

            $(document.body).attr("theme", theme);

            $.cookie("jquery.metro.theme", theme);
        }

    

    </script>
</head>
<body accent='orange' theme='light'>
    <header class="accent-color">
        <img src="@Url.Content("~/images/logo.png")"  height="88px" class="left" alt="logo" />
       @* <div class="right" style="vertical-align: text-top; margin-top: 0px;">
            @Html.Partial("_LoginDisplay")
        </div>*@
       @* <nav>
            <ul>
                <li><a href="@Url.Action("Index", "Home")">Home</a></li>
                <li>More</li>
                <li><a href="@Url.Action("About", "Home")">Register</a></li>
                 <li>@Html.ActionLink("UserDashboard", "Index", "UserDashboard")</li>
                <li>Contact</li>
            </ul>
        </nav>*@
    </header>
    <section class="hidden accent-color">      
        <div class="list-wrap">
            @RenderBody()
        </div>
    </section>
    <footer class="hidden accent-color">
        <div class="bottom-banner">
            <span style="float: left;">&#64;2012 all rights reserved. <a href="#">SHIVAM IT SOLUTIONS</a></span>
            theme: <span class="theme-box" theme="dark" title="dark"></span><span class='theme-box'
                theme="light" title="light"></span><span class="theme-box" theme="Hospital" title="light">
                </span><span class="theme-box" theme="green" title="green">
                </span><span class="theme-box" theme="red" title="red">
                </span><span class="theme-box" theme="brown" title="brown">
                </span><span class="theme-box" theme="lime" title="lime">
                </span><span class="theme-box" theme="multiColor" title="multiColor">
                </span>accent color: <span class="accent-box" accent="orange" title="orange">
            </span><span class="accent-box" accent="red" title="red"></span><span class="accent-box"
                accent="green" title="green"></span><span class="accent-box" accent="blue" title="blue">
                </span><span class="accent-box" accent="magenta" title="magenta"></span><span class="accent-box"
                    accent="purple" title="purple"></span><span class="accent-box" accent="pink" title="pink">
                    </span><span class="accent-box" accent="teal" title="teal"></span><span class="accent-box"
                        accent="lime" title="lime"></span><span class="accent-box" accent="brown" title="brown">
                        </span>
        </div>
    </footer>
</body>
</html>
